<template>
    <div :class="{'dark-mode': isDark}" class="content">
        我的收藏功能正在开发中，敬请期待
    </div>
</template>

<script setup>
import {useDark} from '@vueuse/core'

const isDark = useDark() // 获取当前是否为深色模式
</script>

<style scoped>
/* 默认样式（浅色模式下） */
.content {
    color: black; /* 浅色模式下文本颜色为黑色 */
    font-size: 1.2rem;
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: transparent;
}

/* 深色模式下的样式 */
.dark-mode .content {
    color: white;
    background-color: transparent;
}
</style>
